<%--
  Created by IntelliJ IDEA.
  User: 86185
  Date: 2024/5/22
  Time: 14:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>商品详细</title>
    <meta charset="utf-8">
    <link href="my_likafu/css/shop.css" type="text/css" rel="stylesheet" media="all">
    <script type="text/javascript" src="my_likafu/js/shop.js"></script>
</head>
<body>
<div id="likafu">
    <div id="header">
        <img onclick="page()" id="header_img1" class="header_img" src="my_likafu/image/fanhui.png">
        <span id="header_span">商品详细</span>
        <img id="header_img2" class="header_img" src="my_likafu/image/santiaogang_hei.png">
    </div>
    <div id="main">
        <img id="image_main" class="img_main" src="${shopGoods.goodsImg}">
        <div id="content_main">
            <span id="main_span1">￥${shopGoods.goodsPrice}</span>
            <span class="main_span2">￥${shopGoods.goodsPrice}</span>
            <img id="main_img1" src="my_likafu/image/vip.png" alt="">
            <img id="main_img2" src="my_likafu/image/fenxiang.png">
            <br>
            <span id="main_span3">${shopGoods.goodsName} <br> 50ml*7支</span>
            <br>
            <div id="price">
                <span class="price_main">原价:￥${shopGoods.goodsPrice}</span>
                <span class="price_main">库存:${shopGoods.num}盒</span>
                <span class="price_main">销量:${shopGoods.num}盒</span>
            </div>
            <br>
            <div id="frieight">
                <span class="price_main">运费：</span>
                <span id="frieight_span">【到付】以小哥实际结算费用为准</span>
            </div>
            <br>
            <div>
                <span class="price_main">已选择：</span>
                <span id="price_span">1</span>
                <img id="price_img" src="my_likafu/image/fanhui_you_hui.png" alt="">
            </div>
            <br>
            <div id="user">
                <span>用户评价(9)</span>
                <div id="evaluate">
                    <span>好评率</span>
                    <span>100.00%</span>
                    <img id="evaluate_img" src="my_likafu/image/fanhui_you_hui.png">
                </div>
                <hr>
                <div>
                    <div class="img_main">
                        <div id="avator">
                            <img id="avator_user" src="my_likafu/image/yonghutouxiang_dadou.png" alt="">
                        </div>
                        <div id="star_all">
                            <span>${username}</span><br>
                            <img class="star" src="my_likafu/image/wujiaoxing.png">
                            <img class="star" src="my_likafu/image/wujiaoxing.png">
                            <img class="star" src="my_likafu/image/wujiaoxing.png">
                            <img class="star" src="my_likafu/image/wujiaoxing.png">
                            <img class="star" src="my_likafu/image/wujiaoxing.png">
                        </div>
                    </div>
                    <br>
                    <span class="price_main">2022-12-08 15:20:00 1</span><br><br>
                    <span class="main_span2">效果不错</span>
                </div>
            </div>
        </div>
        <img class="img_main" src="my_likafu/image/5.png">
        <img class="img_main" src="my_likafu/image/6.png">
        <img class="img_main" src="my_likafu/image/7.png">
        <img class="img_main" src="my_likafu/image/8.png">
        <img class="img_main" src="my_likafu/image/9.png">
    </div>
    <div id="booter">
        <div id="goshop">
            <img style="width: 100px; height: 100px; float:left;" src="${shopGoods.goodsImg}">
            <span style="color: black;">${shopGoods.goodsName}</span>
            <span style="color: black">￥${shopGoods.goodsPrice}</span>
            <span style="color: black">库存:${shopGoods.num}盒</span>
            <br><br><br><br>
            <span>1</span>
            <br>
            <span>数量</span>
            <br>
            <input onclick="del()" type="submit" value="-">
            <span id="num">1</span>
            <input onclick="add()" type="submit" value="+">
        </div>
        <div class="booter_left1">
            <img src="my_likafu/image/kefu.png" alt="">
            <img src="my_likafu/image/shouye2.png" onclick="page()" alt="">
            <img id="collection" onclick="changeCollectin()" src="my_likafu/image/shoucang.png" alt="">
            <img src="my_likafu/image/gouwuche.png" alt="">
        </div>
        <div class="booter_left1">
            <div id="booter_left">
                <span>加入购物车</span>
            </div>
            <div id="booter_right" onclick="purchase(${shopGoods.id})">
                <span>立即购买</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
